<template>
  <div class="wrap">
    <div class="nav">
      <ul>
        <li>返回</li>
        <li>二手房出售</li>
        <li></li>
      </ul>
    </div>
    <div class="main">
      <div class="one">
        <p>小区</p>
        <input type="text" placeholder="请选择小区" />
      </div>
      <div class="two">
        <p>房产选择</p>
        <input type="text" placeholder="请选择" />
      </div>
      <div class="three">
        <p>区域</p>
        <input type="text" placeholder="请选择" />
      </div>
      <div class="four">
        <p>户型|朝向|装修</p>
        <input type="text" placeholder="请选择" />
      </div>
       <div class="five">
        <p>面积</p>
        <input type="text" placeholder="请输入" />
      </div>
       <div class="six">
        <p>售价</p>
        <input type="text" placeholder="请输入" />
      </div>
    </div>
  </div>
</template>
  
<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.wrap {
  width: 100%;
  .nav {
    width: 100%;
    height: 240rpx;
    background: rgb(13, 124, 243);
  }
  ul li {
    float: left;
    margin-top: 71rpx;
    margin-left: 80rpx;
    color: #fff;
  }
  .main {
    color:rgb(180,180,180);
    p{
      font-size: 30rpx;
    }
    .one {
      width: 100%;
      height: 140rpx;
      line-height: 76rpx;
      border-bottom: 1px solid #ccc;
    }
    .two {
      width: 100%;
      height: 140rpx;
      line-height: 76rpx;
      border-bottom: 1px solid #ccc;
      margin-top: 10rpx;
    }
    .three {
      width: 100%;
      height: 140rpx;
      line-height: 76rpx;
      border-bottom: 1px solid #ccc;
      margin-top: 10rpx;
    }
    .four {
      width: 100%;
      height: 140rpx;
      line-height: 76rpx;
      border-bottom: 1px solid #ccc;
      margin-top: 10rpx;
    }
       .five {
      width: 100%;
      height: 140rpx;
      line-height: 76rpx;
      border-bottom: 1px solid #ccc;
      margin-top: 10rpx;
    }
    .six {
      width: 100%;
      height: 140rpx;
      line-height: 76rpx;
      border-bottom: 1px solid #ccc;
      margin-top: 10rpx;
    }
  }
}
</style>